.canvas-border {
  border: 1px solid rgb(242, 246, 252);
  box-shadow: 2.5px 1px 10px rgb(239, 239, 239);
}
.chart-wrapper {
  background: #fff;
  padding: 16px 16px 0;
  margin-bottom: 32px;
  width:100%;
  //width: 33.3%;
}
.app-container {
  // height: 400px;
  // overflow: hidden;
}

.data-report-dialog {
  .el-row {
    margin: 10px 0px;
    .el-col-10 {
      display: flex;
      justify-content: flex-end;
      padding-right: 20px;
    }
  }
  .el-dialog__body {
    padding: 10px 20px;
  }
  .el-dialog {
    border-radius: 8px;
    top: 25%;
  }
  .el-dialog__header {
    background-color: #3492fc;
    border-radius: 8px 8px 0px 0px;
  }
  .el-dialog__title {
    color: #ffffff;
  }
  .el-dialog__headerbtn {
    background-color: #ffffff;
    color: #ffffff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
  }
}

// @media(max-width:1440px) {
//   .chart-wrapper {
//     background: black;
//   }
// }



.chart-wrapper {
  padding: 0px;
  margin-bottom: 0px;
  background: #fff;
}

.canvas-border {
  box-shadow: none;
  border: 1px solid rgba(242, 246, 252, 1);
}

@media (max-width:1600px) {
  .canvas-border {
    height: 160px;
  }
  .el-form--inline .el-form-item{
    margin-bottom: 5px;
  }
  .el-table--fit{
    margin-top: -15px;
  }
}
